<template>
<div>
  <van-nav-bar
      title="退货申请"
      left-text="返回"
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
  />
  <van-divider>请上传图片</van-divider>
  <van-uploader v-model="fileList" multiple />
  <van-divider>请选择原因</van-divider>
  <van-dropdown-menu>
    <van-dropdown-item v-model="value1" :options="option1" />
  </van-dropdown-menu>
  <van-divider>请提交申请</van-divider>
  <div>
    <van-button style="margin-left: 150px" type="info">提交申请</van-button>
  </div>

</div>
</template>

<script>
import {Toast} from "vant";

export default {
  data() {
    return {
      fileList: [
        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
        // Uploader 根据文件后缀来判断是否为图片文件
        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
        { url: 'https://cloud-image', isImage: true },
      ],
      value1: 0,
      option1: [
        { text: '货不对板', value: 0 },
        { text: '不喜欢这个商品', value: 1 },
        { text: '收货地址写错', value: 2 },
        { text: '货物损坏', value: 3 },
      ],
    };
  },
  name: "returnGoods",
  methods: {
    onClickLeft() {
      Toast('返回');
    },
    onClickRight() {
      Toast('按钮');
    },
  },
}
</script>

<style scoped>

</style>